.upWindews{
    width: 30%;
    height: 400px;
    position: fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    background-color: #fff;
    display: none;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.WinTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    padding: 15px;
    box-sizing: border-box;
    color: #666;
    background-color: #f7f7f7;
    font-weight: 600;
}
.WinClos{
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
#upload-view { 
    overflow-x: hidden; 
    /* max-height: 400px; */
    height: 325px;
    width: 100%;
    moz-user-select: -moz-none; 
    -moz-user-select: none; 
    -o-user-select:none; 
    -khtml-user-select:none; 
    -webkit-user-select:none; 
    -ms-user-select:none; 
    user-select:none;    
}

.fl { width: 100%; }
.fr { display: flex; align-items: center;justify-content: space-between;}
.gray { color: gray; }

.upload-input{
    position: fixed;
    bottom: 0;
    left: 0;
  }

.u-loaded { color: green; }
.u-total { color: #FC5900; }

.ui-file .u-item { background-color: #f5f5f5; height: 75px; line-height: 36px; font-size: 13px; margin: 10px; padding: 0 10px; position: relative; }

.ui-file .u-name {color: #205eec; height: 30px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;font-weight: 500;font-size: 14px;}
.ui-file .u-progress-bar, .ui-file .u-progress { background-color:#205eec;}
.ui-file .u-progress-bar { width: 150px; height: 7px; overflow: hidden;  padding: 1px 0; }
.ui-file .u-progress { width: 1px; height: 7px; background-position: 0 -9px; }

.ui-file .u-state { min-width: 45px; color: green;}
.ui-file .u-op a { cursor: pointer; margin-left: 5px; color: #FC5900; text-decoration: none; }
.ui-file .u-op a:hover { text-decoration: underline; }

.ui-file .u-over .u-state { color: #999; }
.ui-file .u-over .u-op .u-op-cancel { color: #999; text-decoration: none; cursor: default; }